/**
*在Position属性值为absolute的同时，
*如果有一级父对象（无论是父对象还是祖父对象，或者再高的辈分，一样）
*的Position属性值为Relative时，则上述的相对浏览器窗口定位将会变成相对父对象定位，
*这对精确定位是很有帮助的。
*/
*{
    margin: 0;
    padding: 0;
	list-style-type:none;
}
/*nav导航盒子*/
div.nav{
    height:70px;
    line-height: 70px;
    text-align: center;
    font-size: 15px;
    position: absolute;
    background: #8EC2F5;
	margin:0;
}

/*导航条设置*/
.main-header {
    background-color: white;
    height: 60px;
}
.nav{
	/* width: 100%; */
	height: 100%;
	list-style-type: none;
}
.nav .nav-item{
	width: 140px;
	height: 70px;
	line-height: 70px;
	text-align: center;
	display: inline-block;
	float: left;
	background: #8EC2F5;
	color: #fff;
	margin-right: 1px;
	cursor: pointer;
	position: relative;
}
.nav .nav-item >.nav-child{
	display: none;
	width: 140px;
	position: absolute;
	left: 0px;
	top: 70px;
	list-style-type: none;
	z-index: 1;
	padding-left: 0px;
	color: #333;
}
.nav .nav-item >.nav-child .nav-child{
	display: none;
	width: 140px;
	position: absolute;
	left: 140px;
	top: 0px;
	list-style-type: none;
	z-index: 1;
	padding-left: 0px;
	color: #333;
}
.nav-child .nav-child-item{
	width: 140px;
	height: 36px;
	line-height: 36px;
	border: 1px solid #fff;
	position: relative;
}

/*鼠标悬浮*/
.nav .nav-item:hover >.nav-child{
	display: block;
	color: #4499EE;
	background:#fff;
}
.nav-child .nav-child-item:hover > .nav-child{
	display: block;
	color: #4499EE;
	background:#fff;
}
.nav-child .nav-child-item:hover{
    background: #4499EE;
    color: #fff;
}
